<template>
	<view class="lime-demo-cell" :style="customStyle" @tap="onClick">
		<view v-if="title" class="lime-demo-cell__title">
			<text class="lime-demo-cell__title-text">{{title}}</text>
		</view>
		<l-icon name="arrow-right-line" color="#969799"></l-icon>
	</view>
</template>

<script>
	export default {
		externalClasses: ['custom-class'],
		props: {
			title: String,
			url: String,
			customStyle: String,
			padding: {
				type: [String, Number],
				default: 16
			}
		},
		methods:{
			onClick() {
				this.$emit('click')
				if(this.url) {
					console.log(this.url)
					uni.navigateTo({
						url: this.url
					})
				}
			}
		}
	}
</script>

<style lang="stylus" scoped>
	flex()
		// #ifndef APP-NVUE
		display flex
		// #endif
	.lime-demo-cell
		flex()
		flex-direction row
		background-color #fff
		justify-content space-between
		align-items center
		padding 10px 16px
		border-radius 5px
		margin-bottom 10px
		// line-height 48rpx
		&__title
			&-text
				color #323233
				font-weight normal
				font-size 14px
				line-height 24px
				// display inline-flex
				
				
				
</style>
